<style type="text/css">
body{background:#eee}
.storelogo img{width:3.2rem;height:3.2rem}
.merchgroup .store-star {padding:0.1rem 0 0.2rem 0;font-size:0.55rem;line-height:1rem}
.merchgroup .store-star img{height:0.66rem}
.star-on,.star-off{position:absolute;top:1rem;left:0;overflow:hidden}
.star-rate {margin-left:0.2rem;color:#19b955}
.store-distance{float:right;color:#999}
.store-moneylimit{font-size:0.55rem}
.on {color:red}
</style>
<div class="fui-page  fui-page-current page-goods-list">
	<div class="fui-content">
	<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
			<div class="carousel-inner" role="listbox" style="height:6rem">
			<div ng-class="{'item':1,'active':$index==0}" ng-repeat="item in pagedata.adv">
				
				<a href="#">
					<img src="{{tomedia(item.image) || '../core/resource/images/banner-1.jpg'}}" style="display: block; width: 100%; height: 100%;">
				</a>
			</div>
			</div>
				<style>
						.fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
						.fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
				</style>
				<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
					<div class="fui-swipe-bullet" ng-repeat="item in pagedata.adv" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
				</div>
	</div>
	<div class="fui-searchbar bar">
		<div ng-class="{'searchbar center':1,'searchbar-active':pagedata.searchbar ==1}">
					<input type="button" ng-click="getlist(pagedata.keyword)"  value="搜索" class="searchbar-cancel searchbtn">
					<div class="search-input" ng-click="pagedata.searchbar =1">
						<input type="search" placeholder="输入关键字" class="search" ng-model="pagedata.keyword">
					</div>
		</div>
	</div>
	<div style="padding:0 0.5rem">
	<div class="sort" style="top: 0">
		<div class="fui-tab fui-tab-danger" style="margin-top:0">
			<a href="javascript:" ng-click="pagedata.status=0;getlist()" ng-class="{'external active':pagedata.status == 0}">综合</a>
			<a href="javascript:" ng-click="pagedata.status=1;getlist('juli')" ng-class="{'external active':pagedata.status == 1}">距离</a>
		</div>
		<div class="fui-list-group merchgroup" ng-repeat="item in pagedata.list">
            <div class="fui-list">
                <a class="fui-list-media storelogo" >
                    <img class="round" ng-src="{{tomedia(item.logo) || '../core/resource/images/nopic.jpg'}}">
                </a>
                <a   ng-click="access_json('jy_cmshouse/detail/main/id='+item.id)" class="fui-list-inner" style="margin-top:0.16rem">
                    <div class="title" style="font-size:0.76rem"><span>{{item.title}}</span></div>
                    <div class="store-star">
						<span class="star-rate">均价：{{item.junjia}}元/㎡ &nbsp;&nbsp;</span>
						<span>地址：{{item.address}}</span>
					</div>
					<div class="subtitle" style="font-size:0.55rem">
						<div class="store-moneylimit">
						  <span>距您{{item.juli}}公里</span>						  
						  <span class="store-distance"> 电话：{{item.mobile}}</span>
						  <span class="store-distance"> 联系人：{{item.name}} &nbsp;</span>
						</div>
					</div>
					
                </a>
					<div class="fui-list-angle ">
					  <a href="tel:{{item.mobile}}" class='external'><i class=' icon icon-phone' style='color:green'></i></a>
					</div>
            </div>
			
		</div>
		<div ng-show="loading" class='infinite-loading'><span class='fui-preloader'></span><span style="margin-left:1.5rem"> 正在加载...</span></div>
		
    </div>
	</div>
	</div>
</div>
<div ng-include="sys_html('_footer')"></div>
<script type="text/javascript">
scope.loading = true;
    // 百度地图API功能
	window.scope.location(function(re){
	var data={
	'data':re.lat_lng,
	'op':'list',
	};
	data.callback=function(d){
		window.scope.pagedata.list=d.list;
		console.log(window.scope.pagedata.list);
		scope.loading = false;
		scope.$apply();
	}
	window.scope.post_json(data);
	});
	scope.scroll(function(){
		scope.$apply();
		//setTimeout('getlist()',2000);
	},false,'svposttext');
	var page = 1;
	scope.getlist=function (key){
		var params = {
					'plugin':'jy_cmshouse',
					'action':'index',
					'op':'list',
					'data':{
						'keyword':key,
					},
					'callback':function(data){
							if(data.error !=1){
							 for (var i=0;i<data.list.length;i++){
									scope.pagedata.list.push(data.list[i]);
								}
								if(page >1){
									$(".merchgroup").animate({scrollTop:0},300);
								}
								page++;
								scope.loading = false;
								window.scope.pagedata.list=data.list;
								scope.$apply();
							}else{
								onsole.log('error');
							};
					}
		}
		scope.post_json(params);
}

  	require(['bootstrap', 'hammer'], function($, Hammer){
		$('#carousel-container').carousel();
		var mc = new Hammer($('#carousel-container').get(0));
		mc.on("panleft", function(ev) {
			$('#carousel-container').carousel('next');
		});
		mc.on("panright", function(ev) {
			$('#carousel-container').carousel('prev');
		});
	}); 
</script>